<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page trimDirectiveWhitespaces="true" %>
<%@page session="true" %>
<!DOCTYPE html>
<html lang="ko">
<%@include file="topHead.jsp" %>

	<body>
		<div class="top-container">

			<div>
				<label class="top-label1"> 관리자 로그인 페이지입니다. </label>
			</div>
			
			<div class="top-center top-margin-left">			
			<form id="adminLogin" role="form" method="post" action="adminLoginOk.jsp">
				<div class="top-td-size">					
					<div class="top-td top-inline-group">
						<input type="text" name="id" class="top-input" placeholder="아이디를 입력하세요.">
						<input type="password" name="pw" class="top-input" placeholder="비밀번호를 입력하세요."> 
					</div>	
					<div class="top-td top-inline-group">
						<button class="top-btn-custom top-btn-lg-custom" type="submit">LOGIN</button>					
					</div>															
				</div>				
				<br /><br /><br />				
			</form>
		</div>
		</div>	
		<!-- Javascript -->
		<script src="assets/js/jquery.js"></script>
		<script src="assets/js/bootstrap.min.js"></script>
		<!-- 형식검사 클래스 참조 -->
		<script src="assets/js/string.js"></script>
		<!-- 구현 부분 -->
		<script type="text/javascript">
			$(function() {	
				function popup(str) {
					window.open("defaultPopup.jsp?title=" + str, "POP", "width=250,height=250,scrollbars=no");
				}
				
				$("#uMemId").submit(function() {
					// 아이디 입력여부 검사
					if (!$("input[name='id']").val().isValue()) {
						popup("아이디를 입력하세요.");
						$("input[name='id']").focus();
						return false;
					}
					 
					// 아이디 유효 검사
					if (!$("input[name='id']").val().isAlphabetNum()) {
						popup("아이디는 영어와 숫자값만 가능합니다.");
						$("input[name='id']").focus();
						return false;
					}
					
					// 패스워드 입력여부 검사
					if (!$("input[name='pw']").val().isValue()) {
						popup("패스워드를 입력하세요.");
						$("input[name='pw']").focus();
						return false;
					}					
				});				
			});
		</script>
	</body>
</html>